<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <style>
        div {
            width: 375px;
        }

        h1 {
            background: #00bfff;
            color: #ff0000;
        }

        .yellow {
            background: yellow;
        }
    </style>
</head>
<body>
<div>
    <h1>
        今日家庭作业--类选择器
    </h1>
    <p style="color: #028400" class="yellow">今天的家庭作业是，完成该效果，该段落使用<span style="background: #00fdfd">十六进制颜色值</span>进行修饰
    </p>
    <p class="yellow">Today`s <span style="background: #800080">Homework</span> Is ToComplete The Effect</p>
    <p class="yellow">today`s <span style="background: #00befd">homework</span> is ro complete rhe effect</p>
    <p class="yellow"><b><span style="color: #113bdd">完成作业在屏幕中弹幕回复，</span>***同学作业已完成</b></p>
    <p class="yellow">HOMEWORK HAS BEEN FINISHED</p>
</div>
</body>
</html>